@import "./common.scss";
.cheap {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    .top {
        flex-basis: pr(88);
        //height: pr(88);
        width: 100%;
        background-color: #fe4a65;
        display: flex;
        align-items: center;
        .baicai {
            flex-basis: pr(134);
            font-size: pr(36);
            color: aliceblue;
            text-align: center;
        }
        input {
            height: pr(58);
            padding: pr(20);
            flex: 1;
            border: none;
            outline: 0;
            background: #fff;
            color: #666;
            border-radius: pr(30);
        }
        .tit {
            flex-basis: pr(80);
        }
    }
    .center {
       flex:1;
        width: 100%;
        overflow: auto;
        &.active{
            background-color: #ccc;
        }
        .zz {
            width: 100%;
            background-color: #fff;
            display: none;
            z-index: 100;
            padding-bottom: pr(20);
            position: absolute;
            border: pr(1) solid #ccc;
            .move {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
               
                li {
                    width: 25.0%;
                    height: pr(100);
                  
                    border-right: pr(1) solid #ccc;
                    border-bottom: pr(1) solid #ccc;
                    &.active{
                        background-color: #fe4a65;
                    }
                    a {
                        display: block;
                        height: 100%;
                        width: 100%;
                        font-size: pr(25);
                        line-height: pr(100);
                        color: black;
                        text-align: center;
                        
                    }
                }
            }
            .buuy{
                height:pr(40);
                width: pr(200);
                border: pr(1) solid red;
                font-size: pr(25);
                text-align: center;
                line-height: pr(40);
               margin: pr(20) auto;
               color: red;  
               z-index: 200;
            }
          
        }
        .xq{
            height: 100%;
            width: 100%;
            li{
                display: flex;
                border-bottom: pr(1) solid #ccc;
                padding: pr(10);
                .left{
                    flex-basis: pr(300);
                    img{
                        height: pr(300);
                        width: pr(300);
                       
                    }
                }
                .right{
                    flex: 1;
                    font-size: pr(30);
                
                  line-height: pr(50);
                  position: relative;
                    
                    .b{
                        font-weight: 700;
                    }
                    b,a,em,del{
                        color: red
                    }
                    .two{
                      position: absolute;
                      bottom: 0;
                      width: 100%;
                      
                      a:nth-child(1){
                          border: pr(1) dashed #fe4a65;
                          float: left;
                        
                         
                      }
                      a:nth-child(2){
                          float: right;
                          background-color: #fe4a65 ;
                          border: none;
                          border-radius: pr(20);
                          color: #fff;
                        
                      }
                    }
                    .bar{
                        width: 100%;
                        text-align: center;
                        position: absolute;
                        top:60%;
                       i{
                           display: inline-block;
                           height: pr(50);
                           width: 50%;
                            box-sizing: border-box;
                           border: pr(1) solid red;
                           position: absolute;
                           top:0;
                           left:3%;
                      
                           span{
                               //display: inline-block;
                               font-size: pr(12);
                            position: absolute;
                            left:50%;
                           
                           }
                           em{
                               display: inline-block;
                               height: pr(48);
                               background-color: red;
                               float: left;
                               overflow: hidden;
                              
                              
                           }
                       }
                       b{
                         display: inline-block;
                         position: absolute;
                         top:0;
                         right:5%;
                       }
                   
                        
                    }
                    .four{
                        width: 100%;
                        text-align: center;
                        position: absolute;
                        top:35%;
                        del{
                            margin-left: pr(20);
                        }
                        em{
                            margin-right: pr(20);
                        }
                      
                    }
                    .three{
                        width: 100%;
                    }
                   
                    
                  
                }
            }
        }
    }
    .foot{
        flex-basis: pr(150);
        width: 100%;
        background-color: red;
        background-color: #ccc;
        ul{
            display: flex;
            width: 100%;
            height: pr(80);
            border: pr(1) solid #999;   
            li{
                width: 33.3333%;
                text-align: center;
                 border-left: pr(1) solid #999;
                
                a{
                    display: block;
                    font-size: pr(30);
                    height: 100%;
                    width: 100%;
                    line-height: pr(80)
                }
            }
           
        }
        .end{
            width: 100%;
            height: pr(70);
            display: flex;
            flex-direction:column;
            position: relative;
            p:nth-child(1){
                width: 100%;
                height: 100%;
                font-size: pr(30);
                text-align: center;
                span:nth-child(1){
                    color: red;
                }
                span:nth-child(3){
                    color: #666;
                }

            }
            p:nth-child(2){
                font-size: pr(12);
                width: 100%;
                text-align: center;
            }
            p:nth-child(3){
                position: absolute;
                top:-14px;
                right:10px;
            }
        }
    
    }
}